<!DOCTYPE html>
<html>
<head>
    <meta charset='UTF-8'>
    <title>el和data</title>
    <script src="../js/vue.js"></script>
</head>
<body>
    <div id="root">
        <h1>hello,{{name}}</h1>
    </div>
</body>
<!--   JS   -->
    <script>
        // el的两种写法
        /*const v = new Vue({
            // el:'#root',//第一种写法
            data:{
                name:'qq'
            }
        })
        console.log(v)
        v.$mount('#root')//第二种写法*/
        //data的两种写法
        new Vue({
            el:'#root',
            //第一种写法：对象式
            /*data:{ 
                name:'qq'
            }*/
            //第二种写法：函数式
            data:function(){
                return{
                    name:'qq'
                }
            }
        })
    </script>
</html>